Strumenti e risorse software

Editor online

OpenProcessing

OpenProcessing
Verrà utilizzato per la realizzazione e la consegna delle esercitazioni perché crea automaticamente i file di base necessari e prevede la possibilità di organizzare gli sketch in classroom.

p5.js Web Editor

p5.js Web Editor
Diventerà l'editor ufficiale ma al momento è ancora in versione sperimentale. Non verrà usato nel corso ma può già essere utile per fare qualche prova al volo.

CodePen

CodePen
Non è specifico per p5.js ma, nelle impostazioni JavaScript, è possibile aggiungere facilmente i link alle versioni CDN delle librerie principali.

Editor offline

Per avere maggiore controllo su tutti i file, si consiglia di utilizzare un editor professionale di codice HTML, CSS e JavaScript.

Atom

Atom
È un editor liberamente utilizzabile su Windows, macOS e Linux ed è ricco di estensioni (package) facilmente installabili. In particolare, si consiglia di installare il package Atom Live Server e di attivare l'opzione autosave.

Due alternative open source sono Brackets e Visual Studio Code. A pagamento si trovano anche Sublime (gratuito per usi non continuativi) e Dreamweaver (consigliato solo se lo si ha già fra i software della Adobe).

Esempi di codice

A volte può essere utile partire da esempi di codice già realizzato da altri evitando, però, di usare sketch complessi di cui non si riesce a capire bene il funzionamento.

p5.js

P5.js Examples
Sono gli esempi, divisi per categorie, del sito ufficiale di p5.js.

OpenProcessing

OpenProcessing
Molti sketch sono in Processing.js ma quelli in p5.js stanno crescendo velocemente.

CodePen

CodePen
Nonostante non sia specifico per p5.js, contiene già migliaia di esempi.

P5 Snippets

P5 Snippets
Permette di cercare i codici di operazioni di base indicando il tipo di azione, l'elemento su cui operare o l'eventuale tipologia di input.

Altro

Processing to p5.js converter

Processing to p5.js converter
Converte codice Processing (e Processing.js) in codice p5.js. Non garantisce sempre una conversione totale ma può essere utile con codici molto semplici o per una prima conversione di massima.

CG Brera on Tagpacker

CG Brera:MAKING
Link su applicazioni software gratuite per l'editing di altre tipologie di file.